import classNames from 'classnames'
import React from 'react'

type IconPropsType = {
  name: string // icon 的类型
  className?: string // icon 的自定义样式
  onClick?: () => void // 点击事件
}

export default function Icon({ name, className, onClick }: IconPropsType) {
  return (
    <svg
      className={classNames('icon', className)}
      onClick={onClick}
      aria-hidden="true"
    >
      <use xlinkHref={`#${name}`}></use>
    </svg>
  )
}
